<template>
  <div class="logreg">
    <div class="img">
    <van-image
        width="100px"
        height="100px"
        fit="cover"
        src="https://img-blog.csdnimg.cn/d7aecf027b874895856b04a7d5fc31b6.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAQlVHX0ppYQ==,size_12,color_FFFFFF,t_70,g_se,x_16"
    /></div>
    <div style="margin: 16px;">
      <van-button round block type="info" @click="log">手机号登录</van-button>
    </div>
    <div style="margin: 16px;">
      <van-button round block type="info" @click="reg">注册</van-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {},
  watch: {},

  methods: {
    log(){
      this.$router.push("/login");
    },
    reg(){
      this.$router.push("/register");
    },
  },
  created() {},
  mounted() {},
  components: {},
};
</script>
<style>
html,body{
  height: 100%;}
#app{
  height: 100%;}
.logreg{display: flex;flex-direction: column;
  height: 100%; background: url("https://img1.baidu.com/it/u=3769469916,4116310042&fm=26&fmt=auto");width: 100%}
.logreg .img{display: flex;flex-direction: column;align-items: center;margin-top: 30%}
</style>